<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Extra-Map-App</title>

    <link rel="stylesheet" href="http://127.0.0.1/arcgis_js_api/library/4.4/esri/css/main.css">
    <link rel="stylesheet" href="css/mainApp.css">



    <script src="../dist/config.js"></script>

    <script src="http://127.0.0.1/arcgis_js_api/library/4.4/init.js"></script>
   <script>


       // Load the Map and MapView modules
       require(["esri/Map",
           "esri/views/MapView",
           "dextra/layers/GoogleImageLayer",
           "dojo/domReady!"], function(Map, MapView,GoogleImageLayer) {
           //esriConfig.request.proxyUrl="http://127.0.0.1/proxy/proxy.ashx"
           esriConfig.request.corsDetection=true;
           esriConfig.request.corsEnabledServers.push("t0.tianditu.com")
           var layer=new GoogleImageLayer();
           var wmtsLayer=new WMTSLayer({
               url:"http://t0.tianditu.com/vec_c/wmts"
           })
           // Create a Map instance
           var myMap = new Map({
             //  basemap:"topo",
              layers:[wmtsLayer]
           });
//           myMap.add(tdtVctLayer);
           // Create a MapView instance (for 2D viewing) and reference the map instance
           var view = new MapView({
               container:"viewDiv",
               map: myMap
           });
       });
   </script>

</head>
<body>
 <div id="viewDiv"></div>
</body>
</html>